// import {Button, Skeleton} from 'antd';
import classNames from 'classnames';
// import {LazyLoadImage} from 'react-lazy-load-image-component';
// import {brands} from '@fortawesome/fontawesome-svg-core/import.macro';
// import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import style from './style.module.less';


function Aside() {
    return <aside className={style['aside-wrapper']}>
        <div>
            <div className={classNames(style['section-item'])}>
                <h3 className='h3'>广告位招租</h3>
                {/* <LazyLoadImage
                    className={style['qr-code']}
                    src={require('@/assets/imgs/weixin-qr-code.png')}
                    placeholder={<Skeleton.Image className={style['qr-code']} />}
                /> */}
                {/* <Button type="primary" block>↑添加微信↑</Button> */}
                {/* <FontAwesomeIcon icon={brands('weixin')} fontSize={16} /> */}
            </div>
            {/* <Flex vertical gap='small' align='center' className={classNames(style['section-item'])}>
                广告位招租
                <LazyLoadImage
                    className={style['qr-code']}
                    src={require('@/assets/imgs/weixin-qr-code.png')}
                    placeholder={<Skeleton.Image className={style['qr-code']} />}
                />
                <Button style={{background: '#4096ff'}} type="primary" block>↑添加微信↑</Button>
                <FontAwesomeIcon icon={faWeixin} fontSize={16} />
            </Flex> */}
        </div>
    </aside>;
}

export default Aside;
